@charset "utf-8";
@import "common/reset";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ec8e12;
.web {
    header {
        overflow: hidden;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: r(17) 0 r(9);
        z-index: 1;
        .logo {
            margin-left: r(23);
            width: r(123);
            height: r(123);
            overflow: hidden;
            a {
                display: block;
                img {
                    width: 100%;
                }
            }
        }
        .search {
            margin-left: r(73);
            margin-top: r(34);
            width: r(268);
            height: r(55);
            border-radius: r(55);
            border: r(3) solid $color;
            position: relative;
            form {
                width: 100%;
                height: 100%;
                input {
                    width: r(184);
                    height: r(49);
                    padding: 0 r(11) 0 r(5);
                    font-size: r(24);
                    color: #777777;
                    position: absolute;
                    top: r(0);
                    left: r(25);
                    border: none;
                }
                button {
                    width: r(46);
                    height: r(49);
                    background-color: transparent;
                    position: absolute;
                    top: r(0);
                    right: r(13);
                    &::before {
                        content: "";
                        width: r(25);
                        height: r(25);
                        border-radius: 50%;
                        border: r(3) solid $color;
                        position: absolute;
                        top: r(7);
                        left: r(5);
                    }
                    &::after {
                        content: "";
                        width: r(18);
                        height: r(6);
                        background-color: $color;
                        transform: rotate(45deg);
                        position: absolute;
                        top: r(36);
                        left: r(26);
                    }
                }
            }
        }
        .section {
            width: r(169);
            height: r(66);
            border: r(3) solid $color;
            position: absolute;
            top: r(45);
            left: r(569);
            &::after {
                content: "";
                width: 0;
                height: 0;
                border-top: r(22) solid $color;
                border-left: r(15) solid transparent;
                border-right: r(15) solid transparent;
                position: absolute;
                top: r(22);
                right: r(17);
            }
            select {
                width: r(163);
                height: r(60);
                font-size: r(26);
                padding-left: r(20);
                border: none;
                -webkit-appearance: none;
                position: absolute;
            }
        }
    }
    footer {
        font-size: 0;
        width: 100%;
        overflow: hidden;
        position: absolute;
        bottom: r(0);
        padding: r(20) r(53) r(17) r(49);
        ul li {
            
                i {
                    color: $color;
                    font-size: r(78);
                }
                p{
                    text-align: center;
                    font-size: r(26);
                    color: #000000;
                }
            }
            ul li:nth-of-type(2){
                margin-left: r(110);
            }
            ul li:nth-of-type(3){
                margin-left: r(110);
            }
            ul li:nth-of-type(4){
                margin-left: r(110);
            }
    }
    .more{
        line-height: r(60);
        span{
            font-size: r(24);
            color: #000000;
            vertical-align: middle;
        }
        i{
            font-size: r(32);
            color: $color;
            vertical-align: middle;
            padding-left: r(14);
        }
    }
}
.particular_back {
            p {
                font-size: r(26);
                color: #000000;
                padding: r(15) r(31) r(16) r(31);
                border: r(3) solid $color;
                border-radius: r(15);
            }
        }